<!DOCTYPE html>
<html>
	<head>

	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="renderer" content="webkit"> 
	<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
    <link rel="stylesheet" href="css/my_base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/select.css">
    <link rel="stylesheet" href="css/double-date.css">
    <link rel="stylesheet" type="text/css" href="css/dateRange.css" />

    <script type="text/javascript" src="script/dateRange.js"></script>
    <script src='script/jquery-2.0.3.js'></script>
    <script src='js/double-date.js'></script>
    <script src='script/jquery.htools.select.js'></script>
    <script type="text/javascript" src='script/echart.js'></script>
    <script src='js/index.js'></script>
	    <script type="text/javascript" src="js/MaintenanceRecord.js" ></script>
	    <style>
	    	   
    .double_pick,.tool_date  {
        margin-left: 2em;
    }
    .date_title,
    .opt_sel {
        background: rgb(45, 56, 74);
    }
    .ta_date {
        border: 1px solid;
        border-color: rgb(45, 56, 74);
        background-image: none;
        box-shadow: none;
        border-radius: 0;
    }
    .ta_date .date_title {
        color: #fff;
    }
    .ta_date .date_title {
        border-right: 1px solid transparent;
    }
	    </style>
	</head>
	<body style="background-color: #15191f;">

			
			
	    <div class="main-box-content main02" style="">
	    	<div class="alarm_box clearfix ">
				<div class="fl double_pick">
                    <div class="ta_date" id="div_date_demo3">
                        <span class="date_title" id="date_demo3"></span>
                        <a class="opt_sel" id="input_trigger_demo3" href="#">
                            <i class="i_orderd"></i>
                        </a>
                    </div>
                    <div id="datePicker"></div>
                </div>
                <script type="text/javascript">
                var dateRange = new pickerDateRange('date_demo3', {
                    // aRecent7Days : 'aRecent7DaysDemo3', //最近7天
                	startDate : '2017-04-8',
                	endDate : '2017-04-9',
                    isTodayValid: false,
                    defaultText: ' 至 ',
                    inputTrigger: 'input_trigger_demo3',
                    theme: 'ta',
                    success: function(obj) {
                        // $("#dCon_demo3").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate);
                    }
                });
                </script>
				<div class="query_btn fl query_alarm" onclick="SearchClick()">查 询</div>
			</div>
			
			
	    	<div class="table-responsive table_repair">
				<table>
				    <thead>
				        <tr>
				            <th style="width: 4%">
				                编号
				            </th>
				            <th style="width: 8%">
				                设备名称
				            </th>
				            <th style="width: 8%">
				                安装时间
				            </th>
				            <th style="width: 13%">
				                厂家名称
				            </th>
				             <th style="width: 10%">
				                设备型号
				            </th>
				            <th style="width: 12%">
				                故障原因
				            </th>
				            <th style="width: 10%">
				                维修结果
				            </th>
				            <th  style="width: 10%">
				                维修人
				            </th>
				            <th style="width: 10%">
				                维修时间
				            </th>
				            <th>
				                上次维修时间
				            </th>

				        </tr>
				    </thead>
				    <tbody id="recordtable">
				        
				        <tr>
				            <td>1</td>
				            <td>水箱 </td>
				            <td>2016-04-06</td>
				            <td>威派格</td>

				            <td><div class="brick-item-m"></div></td>
				            <td>漏水</td>
				            <td>完成维修</td>
							<td>张宁</td>
							<td>2017-04-06</td>
							<td>2016-04-06</td>
				        </tr>
				
				
				    </tbody>
				</table>
    		</div>
    		



		</div>
		
	</body>
</html>
